{% extends 'rango/base.html' %}
{% load static %}   
{% block body_block %}
    <div class="hero-unit">
      <h1>Rango</h1>
      <p>My demo project for Django Framework</p>
    </div>
    <div class="span12">
      <div class="span6">
        <h3> Technology/ Framework </h3>
        <ul>
          <li style="font-style: italic;">Programming language: Python </li>
          <li style="font-style: italic;">Web Framework: Django </li>
          <li style="font-style: italic;">Search engine: Bing API </li>
          <li style="font-style: italic;">Database: SQLite </li>
          <li style="font-style: italic;">Html, css, javascript framework: Bootstrap </li>
          <li style="font-style: italic;">Other technology:JQuery, AJAX, JSON, ...</li>
        </ul>
      </div>
      <div class="span6 pull-right">
        <h3> Summary </h3>
        <ul>
          <li style="font-style: italic;">The site is for bookmarking interested site</li>
          <li style="font-style: italic;">Still under construction by Decomle</li>
          <li style="font-style: italic;">Work well for both mobile and PC</li>
        </ul>
      </div>
    </div>
    
    <!--You've visited me for the <strong>{{visits}} occasion(s)</strong>.<br/>-->
    <div class="span12">
     <h5 style="color: red;">(*) And here's a picture of Rango!</h5>
      <img class="img-circle" src="{% static "media/images/rango.jpg" %}" alt="Picture of Rango" />
    </div>
{% endblock %}
